/*电脑和平板电脑横屏*/
.phone{ display:none;}
@media (max-width:1199px){

}

/*平板电脑竖屏*/
@media (max-width:991px){

}

/*手机*/
@media (max-width:767px){
.pc{ display:none;}
.phone{ display:block;}
*{font-family: "STHeiti","SimHei","SimSun";}
input,textarea,select{font-family: "STHeiti","SimHei","SimSun";}
body{ padding-bottom:49px; padding-top:51px;}

.text_box{ width:90%; margin:0 auto;}

.btn{ display:inline-block; *display:inline;*zoom:1;font-family: "STHeiti","SimHei","SimSun";font-size:16px;border:0; height:40px; line-height:40px; box-sizing:border-box; text-align:center; border-width:1px; border-style:solid;}
.btn_line{ background:#fff; border-color:#2355c4; color:#2355c4;}
.btn_line:active{ background:#2993a6; color:#fff; border-color:#fff;}
.bt_style_01{ height:30px; line-height:30px; overflow:hidden;}
.bt_style_01 h1{ padding:0 10px; font-size:24px; color:#2355c4; border-left:8px #2355c4 solid;}
.bt_style_01 h1 span{ font-size:16px; color:#aaa;}


/*phone 手机版 样式*/
.head-phone{ height:50px; line-height:50px; border-bottom:1px #dbdbdb solid; background:#fff; top:0; bottom:auto;left:0;right:0; z-index:1001;}
.head-phone .head-btn{ display:block; width:50px; height:50px; position:absolute; top:0; text-align:center; line-height:50px; color:#2993a6;}
.head-phone .head-btn-l{ left:0; right:auto;}
.head-phone .head-btn-r{ left:auto; right:0;}
.head-phone .head-btn .iconfont{ font-size:24px;}
.head-phone .head-btn:active{ background:#2993a6; color:#fff;}
.head-phone h1{ width:80%; margin:0 auto; text-align:center; height:100%; font-size:20px; color:#333; position:relative;}
.head-phone h1 img{ height:88%; width:auto; vertical-align:middle;}
.head-phone h1 a .iconfont{ display:none; position:absolute; left:50%; margin-left:-10px; line-height:16px; width:20px; height:20px; bottom:-5px; color:#2993a6;}
.head-phone h1 .menu_btn .iconfont{ display:block; font-size:16px;}
/*phone 下拉菜单 样式*/
.nav_mask{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:1001; display:none;
filter: alpha(opacity=50);/* internet explorer */
-khtml-opacity: 0.5;     /* khtml, old safari */
-moz-opacity: 0.5;      /* mozilla, netscape */
opacity: 0.5;}
.nav_phone_ul{ position:fixed; top:50px; left:0; right:0; display:none; background:#2993a6; z-index:1002; max-height:240px; overflow-y:auto;}
.nav_phone_ul li{  border-bottom:1px #197a8b solid; height:39px; line-height:39px;}
.nav_phone_ul li a{ display:block; line-height:39px; font-size:16px; color:#fff; text-align:center;}
.nav_phone_ul li a:hover{ background:#2355c4;}
.nav_phone_ul li a:active{ background:#2ab0c8;}

/*phone 侧边分类*/
.sidemenu_mask{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:1001; display:none;
filter: alpha(opacity=50);/* internet explorer */
-khtml-opacity: 0.5;     /* khtml, old safari */
-moz-opacity: 0.5;      /* mozilla, netscape */
opacity: 0.5;}
.sidemenu{ position:fixed; right:0; top:0; width:0; height:100%;  z-index:10012; background:url(../images/alpha_blue90.png) repeat; overflow:auto; -webkit-overflow-scrolling: touch;
-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);              
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5);           
box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.sidemenu .head-phone{ background:none; border-bottom:0;}
.sidemenu .head-phone .head-btn{ color:#fff;}

.phonenav li{  color:#fff; font-size:18px; overflow: hidden;white-space: nowrap; font-weight:normal; text-align:center;position:relative;}
.phonenav li a{ color:#fff; display:block; line-height:40px; width:100%; position:relative;}
.phonenav li a span{ display:block;}
.phonenav li.on a, .phonenav li a:active{ background:#2ab0c8;}

.phonenav li a em{ content:''; display:block; width:0;height:0;border-width:0 5px 5px 5px; border-color:transparent transparent #197a8b transparent; border-style:dashed dashed solid dashed; position:absolute; left:50%; margin-left:-5px; bottom: -5px; z-index:999;}
.phonenav li.on a em{ bottom:0;}
.sidemenu ul.sub-menu {background-color:#197a8b; max-height:100%; display:none; height:auto; overflow:hidden;}
.sidemenu li.on ul.sub-menu{background-color:#197a8b; height:auto; overflow:hidden;}
.sidemenu li.on ul.sub-menu li{ float:left; width:33.3%; height:40px; line-height:40px; font-size:14px; display:block; }
.sidemenu li.on ul.sub-menu li a{ display:block; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#fff; background:none;}
.sidemenu li.on ul.sub-menu li a:active{ color:#fff; background-color:#2993a6;}


/*phone 底部菜单*/
.bottombar{ position:fixed; bottom:0; left:0; width:100%; background:#2355c4; z-index:1000;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.bottombar ul{ height:100%;}
.bottombar li{ float:left; display:block; width:50%; height:100%; text-align:center;}
.bottombar li a{ display:block; padding:10px; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:18px; border-right:1px #3dbbd1 solid;border-top:1px #3dbbd1 solid;}
.bottombar li:last-child a{ border-right:0;}
.bottombar li a p{ margin-bottom:5px; color:#888;}
.bottombar li a .iconfont{ font-size:24px;}
.bottombar li a.on{ color:#fff;}
.bottombar li a.on p{ color:#fff;}
.bottombar li a:active{ color:#fff;}
.bottombar li a:active p{ color:#fff;}

.foot_phone{ padding:20px 10px 30px; background:#fff; font-size:12px; line-height:20px;}

/*其他页面*/
.banner_small_phone{ height:65px;background-position:center; background-size:cover; position:relative;}
.banner_small_phone .bg{ position:absolute; left:0; top:0; width:100%;height:100%; background:url(../images/bg_wen.png) repeat;}
.banner_small_phone .position_phone{ position:absolute; bottom:0; right:0; left:0; height:30px; line-height:30px; font-size:12px; background:url(../images/alpha_black50.png) repeat; color:#fff;}
.banner_small_phone .position_phone p{ padding:0 10px;}
.banner_small_phone .position_phone a{ color:#fff; margin:0 5px;}


/*首页*/
.banner_index_phone{ height:120px; width:100%; background-repeat:no-repeat; background-size:cover; background-position: center;position:relative;}
#indexslider_phone {position:absolute;background-color:#1c597c;left:0;top:0;bottom:0; right:0;width:100%;height:100%;overflow:hidden;}
#indexslider_phone .hd{ width:100%; position:absolute; bottom:10px;z-index: 2;text-align: center;}
#indexslider_phone .hd .swiper-pagination-bullet{ display:inline-block;*display:inline;*zoom:1;width:10px; height:10px;margin: 2px 5px;font-size: 0px;line-height: 10px;text-align: center;background:#000;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
behavior: url(ie-css3.htc); z-index:2;}
#indexslider_phone .hd .swiper-pagination-bullet-active{background: #5cb900;color: #bf250c;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
#indexslider_phone .tempWrap{ height:100%;}
#indexslider_phone .bd{ width:100% !important; height:100% !important;}
#indexslider_phone .swiper-slide { position:relative; width:100% !important; height:100% !important; background-position:center; background-size:cover; background-repeat:no-repeat;
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#indexslider_phone .swiper-slide img{ width:100%; height:auto;}


.home .about{ margin-bottom:1px;}
.home .about .w1200{ width:100%;}
.home .about .about_01{ position:static; width:100%;}
.home .about .about_01 .item{ width:25%; height:80px; box-sizing:border-box; margin:0; border-left:1px #fff solid; }
.home .about .about_01 .item:first-child{ border-left:0;}
.home .about .about_01 .item .pic{ width:32px; height:32px; margin-top:15px; margin-bottom:5px;}
.home .about .about_01 .item .txt{font-size:14px;}

.home .services { text-align:center; height:auto; padding:10px 0; overflow:hidden;}
.home .services .w1200{ width:100%;}
.home .services .item{ position:static; width:90px; height:90px; padding:5px; display:inline-block;*display:inline;*zoom:1; margin:25px;}
.home .services .item_title{ margin: 20px 20% 0;}
.home .services .item_title .inner .nr .txt h1{ font-size:20px;}
.home .services .item_title .inner .nr .txt p{ display:none;}
.home .services .item .inner .nr{ padding-top:20px;}
.home .services .item .inner .nr .pic{ width:32px; height:20px; margin-bottom:5px;}
.home .services .item .inner .nr .txt{ font-size:16px;}
.home .services .item .inner .nr .ifwxmtip{ height:20px;}
.clear{ clear:both;}
.home .cases_phone{ padding:20px 0; overflow:hidden;}
.home .cases_phone .nr{ padding:0 10px; height:auto; overflow:hidden;}
.home .cases_phone .nr .swiper-slide{ display:block; height:auto; position:relative; padding-bottom:20px;}
.home .cases_phone .nr .swiper-slide .pic{ width:100%; height:auto; background-size:cover;}
.home .cases_phone .nr .swiper-slide .txt{  padding:0 10px; height: 30px; line-height:30px; text-align:center; background:url(../images/alpha_black50.png) repeat; color:#fff; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.home .guarantee_phone{ background:#2355c4 url(../images/bg_guarantee_phone.jpg) no-repeat; background-size:cover; background-position:center; padding:10px 0; overflow:hidden;}
.home .guarantee_phone .bt h1{ padding:0 10px; color:#fff; font-size:24px;border-left: 8px #fff solid;border-right: 8px #fff solid;}
.home .guarantee_phone .nr{ padding:10px 10px 0;}
.home .guarantee_phone .nr ul{ margin-bottom:10px;}
.home .guarantee_phone .nr ul li{ height:30px;line-height:30px;}
.home .guarantee_phone .nr ul li a{ display:block; text-align:center; padding:0 10px; color:#fff; font-size:14px;}
.home .guarantee_phone .nr .more{}

.home .bid_phone .nr{ padding:10px; overflow:hidden;}
.home .bid_phone_swiper{ position:relative; overflow:hidden; height:280px;} 
.home .bid_phone_swiper .item{ display:block; position:relative; padding:10px 20px 10px 40px; }
.home .bid_phone_swiper .item .icon{ display:block; width:30px; height:30px;line-height:30px; border:1px #dbdbdb solid; background:#fff; text-align:center; position:absolute; left:0px; top:20px; color:#6ad204; }
.home .bid_phone_swiper .item .iconfont{}
.home .bid_phone_swiper .item .title{ height:30px; line-height:30px; font-size:16px;}
.home .bid_phone_swiper .item .date{ height:20px; line-height:20px; color:#888;font-size:14px;}
.home .bid_phone_swiper .item:hover{ color:#2355c4;}

.home .team_phone{ padding:20px 0; overflow:hidden;}
.home .team_phone .nr{ padding:0 10px;}
.home .team_phone .nr .swiper-slide{ display:block; position:relative;}
.home .team_phone .nr .swiper-slide .pic{ width:100%; height:auto; background-size:cover; background-position:center;}
.home .team_phone .nr .swiper-slide .txt{ padding:0 10px; text-align:left;background:#2993a6 url(../images/bg_corner_rb.png) no-repeat right bottom; font-size:14px; background-size:20%;}
.home .team_phone .nr .swiper-slide .txt .title{ font-size:18px;color:#fff;  line-height:20px; height:20px; padding-top:5px;}
.home .team_phone .nr .swiper-slide .txt .type{ font-size:14px; color:#60e5fc; line-height:20px; height:20px; padding-bottom:5px;}


.home .news_phone{ background-color:#f8f8f8;}
.home .news_phone .swiper-container { width:100%; height:auto; overflow:hidden;}
.home .news_phone .gallery-thumbs{ height:50px; line-height:50px; background-color:#f8f8f8; box-sizing: border-box; border-bottom:1px #dbdbdb solid;}
.home .news_phone .gallery-thumbs .swiper-slide{ width:auto;}
.home .news_phone .gallery-thumbs .swiper-slide a{ display:block; height:47px; color:#333; font-size:14px;}
.home .news_phone .gallery-thumbs .swiper-slide-active a{ color:#2355c4; border-bottom:2px #2355c4 solid;}
.home .news_phone .gallery-thumbs .swiper-wrapper{ transform:none !important; -webkit-transform:none !important; padding-left:10px;}
.home .news_phone .gallery-top .swiper-slide{ padding:10px; box-sizing:border-box;}
.home .news_phone .gallery-top .headitem { clear:both; overflow:hidden; margin-bottom:10px;}
.home .news_phone .gallery-top .headitem .pic{ width:100px; height:60px; overflow:hidden; margin-right:10px; }
.home .news_phone .gallery-top .headitem .pic img{}
.home .news_phone .gallery-top .headitem .pic a:hover{opacity:.8;-moz-opacity:.8;-webkit-opacity:.8;filter:alpha(opacity=80);}
.home .news_phone .gallery-top .headitem .txt{ height:60px; overflow:hidden;}
.home .news_phone .gallery-top .headitem .txt .title{ font-size:18px; line-height:30px;}
.home .news_phone .gallery-top ul{ margin-bottom:10px;}
.home .news_phone .gallery-top li{ line-height:40px;border-bottom:1px #dbdbdb dashed; font-size:14px;}
.home .news_phone .gallery-top li a{ display:block;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; width:100%;}


.main .w1200{ width:100%;}
.main .part-right{ float:none; width:auto;}
.pagelist{ padding:20px 0px 20px;}
.pagelist p a{ padding:8px 15px; font-size:16px; margin:0 2px;}

.syyxyy_phone{ padding:0 5px;}
.syyxyy_phone .item{ width:50%; padding:0 5px;-webkit-box-sizing: border-box;   box-sizing: border-box; margin-bottom:10px;}
.syyxyy_phone .item a{ border:1px #2792a5 solid; background:#fff; color:#2792a5; font-size:16px; display:block; text-align:center; line-height:40px;}
.syyxyy_phone .item a:hover,
.syyxyy_phone .item a:active{ background:#2792a5; color:#fff;}
.syyxyy_phone .more{}

.page-news{ }
.page-news .main{ padding-top:10px;background:#f8f8f8; min-height:300px;}
.page-news .list_news{ border-top:1px #dbdbdb solid;}
.page-news .list_news .item{ background:#fff; border-bottom:1px #dbdbdb solid; padding:10px;}
.page-news .list_news .item .txt .title{ height:30px; line-height:30px; font-size:18px;}
.page-news .list_news .item .txt .date_phone{ font-size:14px; color:#888;}

.page-news .list_news2{ border-top:1px #dbdbdb solid; padding-top:0;}
.page-news .list_news2 .item{ background:#fff; padding:10px; margin-bottom:0;}
.page-news .list_news2 .item .pic{ width:60px; height:50px; margin-right:10px;}
.page-news .list_news2 .item .pic img{ width:100%; height:100%;}
.page-news .list_news2 .item .txt{ padding:0;}


.page-news-article .main{ padding-top:10px;background:#f8f8f8; min-height:300px; padding-bottom:10px;}
.page-news-article .article_news{ padding-top:0;}
.page-news-article .casesslider .swiper-wrapper{ height:180px;}
.page-news-article .main .article_title{ background:none; border:0; padding:0 10px; margin-bottom:10px;}
.page-news-article .main .article_title p{ font-size:14px;}
.page-news-article .main .text_box{ padding:10px 2% 30px; width:96%; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; background:#fff; margin-bottom:10px;}

.page-danye .main{ padding-top:10px;background:#f8f8f8; min-height:300px; padding-bottom:30px;}
.page-danye .main .text_box{ padding:10px 10px 30px; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; background:#fff;}

.page-team .main{ padding-top:10px;background:#f8f8f8; min-height:300px; padding-bottom:30px;}
.page-team .list_team{}
.page-team .list_team ul{ margin-left:0px !important; width:auto; padding:0 5px;}
.page-team .list_team li{ float:left; display:inline; margin:0; width:50%;}
.page-team .list_team .item{ display:block; width:auto; height:auto; background:#2993a6 url(../images/bg_corner_rb.png) no-repeat right bottom; position:relative;margin:0 5px 10px;}
.page-team .list_team .item .pic{ width:100%; height:150px; position:static;background-size:cover; background-position:center;}
.page-team .list_team .item .pic em{ display:none;}
.page-team .list_team .item .pic img{  display:block; width:100%;height:auto;}
.page-team .list_team .item .txt{ padding:0 10px;text-align:left;background:#2993a6 url(../images/bg_corner_rb.png) no-repeat right bottom; background-size:20%;}
.page-team .list_team .item .txt .title{ font-size:18px;color:#fff;  line-height:20px; height:20px; padding-top:5px;}
.page-team .list_team .item .txt .type{ border-bottom:0; height:20px; line-height:20px; font-size:14px;padding-bottom:5px; margin-bottom:0;}
.page-team .list_team .item .detail{ display:none; }
.page-team .list_team .item:hover{ background-color:#36acc1;}

.page-team-article .main{ padding-top:10px;background:#f8f8f8; min-height:300px; padding-bottom:10px;}
.page-team-article .part-left{ float:none; width:auto;}
.page-team-article .part-left .avatar{ padding:10px 0 0; text-align:center; background:none;}
.page-team-article .part-left .avatar img{ height:auto; width:100%;}
.page-team-article .part-right .article_title{ border:0; background:none; text-align:center; padding:0 10px;} 
.page-team-article .part-right .article_title .fl{ float:none;}
.page-team-article .part-right .article_title h1{ margin-bottom:0;}
.page-team-article .part-right .article_title .article_desc{ width:auto; position:static; padding:0;}
.page-team-article .main .text_box{ padding:10px 10px 30px; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; background:#fff; margin-bottom:10px;}

.page-cases .main{ padding-top:10px;background:#f8f8f8; min-height:300px; padding-bottom:30px;}
.page-cases .list_cases{}
.page-cases .list_cases ul{ margin-left:0px !important; width:auto; padding:0 5px;}
.page-cases .list_cases li{}
.page-cases .list_cases .item{ display:block; width:auto; height:auto;  position:relative;margin:0 5px 10px;}
.page-cases .list_cases .item .pic{ height:100px;}
.page-cases .list_cases .item .txt{ width:auto; margin:0;position: absolute; top:auto; bottom: 0;left: 0;right: 0;height: 30px;line-height: 30px;text-align: center; background: url(../images/alpha_black50.png) repeat; }
.page-cases .list_cases .item .txt .title{ padding:0 10px; font-size:14px;}

.page-security .list_security{padding:0 10px;}
.page-security .list_security .item{padding-left:0px; padding-right:0; position:relative; margin-bottom:10px; padding-top:10px;}
.page-security .list_security .item .inner{border: 5px #2993a6 solid;min-height:100px;background:#fff;;padding:0;}
.page-security .list_security .item .inner .pic{ width:100%; position:static; left:0; top:0; right:auto; bottom:0;}
.page-security .list_security .item .inner .title{ position:static; top:0; left:225px; right:auto; font-size:24px; color:#fff; height:40px; line-height:40px; padding:0 60px; background:#2993a6; width:100%; font-size:16px; padding:0; text-align:center;}
.page-security .list_security .item .inner .text_box{ padding:10px;}

.page-security .list_security .item:nth-child(even){padding-right:0px; padding-left:0;}
.page-security .list_security .item:nth-child(even) .inner{ padding-right:0px;padding-left:0px;}
.page-security .list_security .item:nth-child(even) .inner .pic{ right:0; left:auto;}
.page-security .list_security .item:nth-child(even) .inner .title{ right:225px; left:auto;}

.page-security .list_security .item_f{padding-right:0px; padding-left:0;}
.page-security .list_security .item_f .inner{ padding-right:0px;padding-left:0px;}
.page-security .list_security .item_f .inner .pic{ right:0; left:auto;}
.page-security .list_security .item_f .inner .title{ right:225px; left:auto;}

.page-cases-article .main{ background:#f8f8f8; min-height:300px; padding-bottom:10px;}
.page-cases-article .casesslider { margin-bottom:10px;}
.page-cases-article .casesslider .hd .swiper-pagination-bullet{ height:4px; width:25px;}
.page-cases-article .casesslider .swiper-wrapper{ height:180px;}
.page-cases-article .main .article_title{ background:none; border:0; padding:0 10px; margin-bottom:10px;}
.page-cases-article .main .article_title h1{ color:#2792a5;}
.page-cases-article .main .text_box{ padding:10px 10px 30px; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; background:#fff; margin-bottom:10px;}

#baidumap{ height:300px;}

.txt-888{font-family: Microsoft YaHei,"微软雅黑",SimSun,"宋体";}


}